<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
    
</body>
<script>
    /*
        * 组件的设计：它采用树形结构
            * 特点：
                * 1. 有一个根组件  new Vue()   Root根组件
                * 2. 其他组件都是根组件的子孙组件  Vue.extend() 子孙组件
            * Vue vs Vue.extend()
                * 共同点： 接收一个options选项，并且底层都调用this._init(options)
    */ 
    //Vue
    console.log(Vue);
    const ComConstructor=Vue.extend();
    console.log(ComConstructor);
</script>
</html>